<template>
  <tab-bar>
    <tab-bar-item path="/Home">
      <!-- v-slot:后面跟着的字符不用引号 -->
      <template v-slot:tabbar-icon>
        <i class="icon iconfont icon-shouye"></i>
      </template>
      <template v-slot:tabbar-text>
        <span>首页</span>
      </template>
    </tab-bar-item>

    <tab-bar-item path="/Category">
      <template v-slot:tabbar-icon>
        <i class="icon iconfont icon-fenlei"></i>
      </template>
      <template v-slot:tabbar-text>
        <span>分类</span>
      </template>
    </tab-bar-item>

    <tab-bar-item path="/Cart">
      <template v-slot:tabbar-icon>
        <i class="icon iconfont icon-gouwuchekong"></i>
      </template>
      <template v-slot:tabbar-text>
        <span>购物车</span>
      </template>
    </tab-bar-item>

    <tab-bar-item path="/Profile">
      <template v-slot:tabbar-icon>
        <i class="icon iconfont icon-jianjie"></i>
      </template>
      <template v-slot:tabbar-text>
        <span>我的</span>
      </template>
    </tab-bar-item>
  </tab-bar>
</template>

<script>
import TabBar from "components/common/tabbar/TabBar.vue";
import TabBarItem from "components/common/tabbar/TabBarItem.vue";

export default {
  name: "MainTabBar",
  data() {
    return {};
  },

  components: { TabBar, TabBarItem },

  methods: {},

  created() {},
};
</script>

<style lang='scss' scoped>
</style>